<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="css/style.css" type="text/css" rel="stylesheet" />
<title>优莱家居后台管理系统</title>
</head>

<body class="body_bg">
<!----- 头部 ----->
<div class="head">
 <div class="logo"></div>
 <div class="head_right" style="text-align:right;">
   <div>
     <div class="head_arrow_right"></div>
     <div class="head_arrow_bg"><span class="head_line"><a href="#">修改密码</a></span><span><a href="#">安全退出</a></span></div>
     <div class="head_arrow_left"></div>
   </div>
   <div class="clear user_info"><span class="font_white_b">上午好！admin</span>&nbsp;[超级管理员]&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;所属部门：信息管理部</div>
 </div>
</div>
<!--------------- 主体 --------------->
<div class="height100">
  <!--- 左边菜单 --->
  <div class="menu">
    <div>
      <ul class="sub"><span class="left">产品分类管理</span><span class="icon_menu_arrow"></span></ul>
      <ul>
        <li><a href="#">子类目添加</a></li>
        <li><a href="#" class="current">类目属性</a></li>
      </ul>
    </div>
    <div>
      <ul class="sub"><span class="left">供应商/产品管理</span><span class="icon_menu_arrow"></span></ul>
      <ul>
        <li><a href="#">供应商/产品管理</a></li>
        <li><a href="#">供应列表查询</a></li>
        <li><a href="#">供应商产品信息发布</a></li>
        <li><a href="#">产品信息管理</a></li>
      </ul>
    </div>
    <div>
      <ul class="sub"><span class="left">成本预算</span><span class="icon_menu_arrow"></span></ul>
      <ul>
        <li><a href="#">材料成本预算</a></li>
        <li><a href="#">工程成本预算</a></li>
      </ul>
    </div>
    <div>
      <ul class="sub"><span class="left">权限系统</span><span class="icon_menu_arrow"></span></ul>
    </div>
    <div>
      <ul class="sub"><span class="left">登录系统</span><span class="icon_menu_arrow"></span></ul>
    </div>
  </div>
  <!--- 右边内容显示区 --->
  <div class="content">
    <div class="address"><span class="icon_address"></span>产品分类管理&nbsp;>&nbsp;类目属性</div>
    <div class="search">
      <label>地区：</label><select class="width_115"><option>全部</option></select>
      <label>用户类别：</label><select class="width_115"><option>全部</option></select>
      <label>姓名：</label><input class="width_115" value="床品" />
      <a href="#" class="btn left margin_left_5"><span>保存</span></a>
      <span class="icon_del_user"><a href="#">删除用户</a></span>
      <span class="icon_add_user"><a href="#">新增用户</a></span>
    </div>
    <div class="margin_12 margin_top8 grid_div">
    <table class="grid">
  <tr>
    <th class="width_24">选择</th>
    <th class="width_90">地区名称</th>
    <th class="width_60">登录名称</th>
    <th>用户单位</th>
    <th class="width_60">用户类型</th>
    <th class="width_115">联系电话</th>
    <th class="width_160">操作</th>
  </tr>
  <tr>
    <td><input type="checkbox" name="checkbox" id="checkbox" /></td>
    <td>湖南省</td>
    <td>admin</td>
    <td>&nbsp;</td>
    <td>系统管理员</td>
    <td>0571-12345678</td>
    <td><span class="icon_edit"><a href="#">编辑</a></span><span class="icon_detail"><a href="#">详细</a></span><span class="icon_grant"><a href="#">授权</a></span></td>
  </tr>
  <tr>
    <td><input type="checkbox" name="checkbox2" id="checkbox2" /></td>
    <td>湖南省</td>
    <td>admin</td>
    <td>&nbsp;</td>
    <td>普通用户</td>
    <td>&nbsp;</td>
    <td><span class="icon_edit"><a href="#">编辑</a></span><span class="icon_detail"><a href="#">详细</a></span><span class="icon_grant"><a href="#">授权</a></span></td>
  </tr>
</table>
</div>
  </div>
</div>
</body>
</html>
